<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>个人中心</title>
<%@ include file="./common_header.jsp" %>
<script type="text/javascript" src="/js/percenter.js"></script>
<script type="text/javascript">
            function add_notice() {
    			var params = {
    		                winId:'addEditObjWin',
    		                title:'添加公告信息',
    		                width:350,
    		                height:300,
    		                showUrl:'${ctx}/manage/sysNotice/add',
    		                refresh_fun:function(){
    		                	$('#dg').datagrid('uncheckAll');
    		                    $('#dg').datagrid('reload');
    		                }
    		                
    		        };
    		        open_fun(params);
    		}
            
            function add_commodityInfo() {
				var params = {
	    	                winId:'addEditObjWin',
	    	                title:'添加商品',
	    	                width:450,
	    	                height:380,
	    	                showUrl:'${ctx}/manage/commodityInfo/add',
	    	                refresh_fun:function(){
	    	                	$('#dg').datagrid('uncheckAll');
	    	                    $('#dg').datagrid('reload');
	    	                }
	    	                
	    	        };
	    	        open_fun(params);
			}
            
            
            function add_sysDepartment()
            {
                var params = {
                        winId:'addEditObjWin',
                        title:'添加部门',
                        width:450,
                        height:500,
                        showUrl:'${ctx }/manage/sysDepartment/add',
                        refresh_fun:function(){
                            $('#dg').treegrid('reload');
                        }
                        
                };
                open_fun(params);
            }
            
            function add_apartment(){
        		var params = {
        	            winId:'addEditObjWin',
        	            title:'添加公寓',
        	            width:400,
        	            height:350,
        	            showUrl:'${ctx}/manage/apartment/add',
        	            refresh_fun:function(){
        	                $('#dg').treegrid('reload');
        	            }   
        	    };
        	    open_fun(params);
        	}
            
            function edit_me() {
			 	
                var params = {
                        winId:'addEditObjWin',
                        title:'修改我的资料',
                        width:350,
                        height:400,
                        showUrl:'${ctx}/manage/sysUsers/edit?id=${user.userId }',
                        refresh_fun:function(){
                        	$('#dg').datagrid('uncheckAll');
                            $('#dg').datagrid('reload');
                        }
                        
                };
                open_fun(params);           
		       
		}
            
            
            
        </script>
        
<style type="text/css">
.main{width:100%}
.left{width:50%; float:left; text-align:left; line-height:20px}
.right{width:50%; float:right; text-align:right; line-height:20px}

#myfont{
  margin: 0;
  text-align:center;
  font: bold 20px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: .2s all linear;
      }
 /*.to{width:100px;height:100px;border-radius:100px}  圆形divclass="to"*/
em{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    left:0;
    top:0;
  }
  
ul,li{ padding:0; margin:0; overflow:hidden;}
li{ list-style:none;}
img{ border:0;}
.box{ width:100%;}
.box li{ float:left; width:100px; height:100%; margin-right:60px;margin-top: 15px;margin-left: 60px;}
ul{list-style-type:none; zoom:1;}
	a {color: gray;}
	ul li{float:center; margin:10px; _display:inline; border:0px solid #CCC;}
	ul li a img{width:100px; height:100px; border:0;display:block;margin:0px auto; vertical-align: middle;text-align:center;}
	ul li a:hover{color:#F00;}
	ul li a:link{text-decoration: none;}  
	
#yuanjiao{
 border: 1px solid #379082;
 border-radius: 10px;
 padding: 3px 3px;
 width: 80px;
 }	
	
	
</style>

</head>
<body>
	
	<div id="test">
	<div id="center" title="我的资料"><font id='myfont' size="4">我的资料</font><br><br>
	<div id="right-left" >
	<center>
	姓名：${user.userName }<br><br>
	性别：${user.sex==1?'男':'女'}<br><br>
	角色：${user.roleName }<br><br>
	单位：<c:choose>  
   <c:when test="${empty user.depName}">无
   </c:when>  
   <c:otherwise>  ${user.depName } 
   </c:otherwise>  
	</c:choose><br><br>
            电话：${user.phone }<br><br>
	上次登录：${user.lastLoginTime }<br><br>
	上次登录IP：${user.ip }
	<br><br></center>
	</div>
	</div>
	</div>	
	<div id="addEditObjWin" ></div>		<!-- 打开和编辑dialog -->
</body>
</html>